<%@page import="java.util.List"%>
<%@page import="controllBen.Eventos"%>
<%@page import="controllServer.EventosControll"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!Doctype html>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Eventos</title>

<style type="text/css" media="screen, projection">
 ul#lista_admin{list-style: none;}
 ul#lista_admin li{float: left; padding-left: 5px;}
 #pager{margin-top: 30px; margin-right:150px; float: right;}
 #pager a{color: #000; font-size:16px; text-decoration: none; padding-left: 4px; letter-spacing: 5px; }
 #pager a.activeSlide {color: #fff; background-color: #8e1d1d;}
 #eventos{width: 730px; height: 600px; padding-top: 20px; overflow: hidden; clear: right;}
 #eventos ul.eventoslist{margin: 0; padding: 0; list-style: none;}
 #eventos ul li.eventoslist{}
 #eventos p.eventoslist{font-size:18px; margin-top: 50px; line-height: 25px;}
</style>

<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquerycycle.js"></script>
<script type="text/javascript" src="js/slides.js"></script>
</head>
<body>
<% 
EventosControll controll = new EventosControll();
List<Eventos> eventolist = controll.listaTodos();
%>

<ul id="lista_admin">
	<li><a href="Atualiza_eventos.jsp">Atualizar Eventos</a></li>
	<li><a id="linkinsert" href="adicionar_evento.html">Adicionar Evento</a></li>
</ul>

<div id="pager"></div>
<div id="eventos">
<ul class=eventoslist>
	<% for(Eventos evento : eventolist){%>	
		<li class=eventoslist>
			<img src="img/img_eventos/<%=evento.getTitulo() %>.jpg" width="700px" height="200px" style="border: 1px solid red;"/>
			<p class=eventoslist style="width: 700px; height: auto; text-align: justify">
				<%=evento.getDescricao() %>
			</p>
		</li>	
	<% }%>
</ul>
</div>
</body>
</html>